<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>ERP汽车管理系统</title>
    <link rel="icon" th:href="@{/images/favicon.ico}" type="image/ico">
    <link th:href="@{/css/style.min.css}" rel="stylesheet">
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/materialdesignicons.min.css}" rel="stylesheet">
</head>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">

            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <a href="#"><img th:src="@{/images/00000.png}" title="LightYear" alt="LightYear"/></a>
            </div>
            <div class="lyear-layout-sidebar-scroll">

                <nav class="sidebar-main">
                    <ul class="nav nav-drawer">
                        <li class="nav-item"><a th:href="@{/main/index}"><i class="mdi mdi-home"></i> 后台首页</a></li>
                        <li class="nav-item nav-item-has-subnav active open">
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-palette"></i>人事系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/emp/emps}">员工信息管理</a></li>
                                <li><a th:href="@{/attendance/list}">考勤管理</a></li>
                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> 销售系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/order/pageOrder}">订单信息管理</a></li>
                                <li><a th:href="@{/car/pageCar}">销售展示管理</a></li>
                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i>售后系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/shopmaintain/doingmaintain}">维修商品信息</a></li>
                                <li><a th:href="@{/shopmaintain/getAllApply}">商品零件申请信息</a></li>
                                <li><a th:href="@{/shopmaintain/getAllApplyStateIs1}">所有已申请零件</a></li>
                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i>买卖订单</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/car/carSystem}">购买管理</a></li>
                                <li><a th:href="@{/part/partSystem}">发送管理</a></li>

                            </ul>
                        </li>
                        <li class="nav-item nav-item-has-subnav">
                            <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> 财务系统</a>
                            <ul class="nav nav-subnav">
                                <li><a th:href="@{/empSalary/showNowAllSalary}">收入综合管理</a></li>
                                <li><a th:href="@{/analyze/index}">收入综合分析</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </aside>
        <!--End 左侧导航-->

        <!--头部信息-->
        <header class="lyear-layout-header">

            <nav class="navbar navbar-default">
                <div class="topbar">

                    <div class="topbar-left">
                        <div class="lyear-aside-toggler">
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                        </div>
                        <span class="navbar-page-title"> 店铺收入管理 </span>
                    </div>

                    <ul class="topbar-right">
                        <li class="dropdown dropdown-profile">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <img class="img-avatar img-avatar-48 m-r-10" th:src="@{/images/users/avatar.jpg}"
                                     alt="笔下光年"/>
                                <span>笔下光年 <span class="caret"></span></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="#"><i class="mdi mdi-account"></i> 个人信息</a></li>
                                <li><a href="#"><i class="mdi mdi-lock-outline"></i> 修改密码</a>
                                </li>
                                <li><a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
                                <li class="divider"></li>
                                <li><a href="#"><i class="mdi mdi-logout-variant"></i> 退出登录</a>
                                </li>
                            </ul>
                        </li>
                        <!--切换主题配色-->
                        <li class="dropdown dropdown-skin">
                            <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
                            <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
                                <li class="drop-title"><p>主题</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
                    <label for="site_theme_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
                    <label for="site_theme_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
                    <label for="site_theme_3"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>LOGO</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
                    <label for="logo_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
                    <label for="logo_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
                    <label for="logo_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
                    <label for="logo_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
                    <label for="logo_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
                    <label for="logo_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
                    <label for="logo_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
                    <label for="logo_bg_8"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>头部</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
                    <label for="header_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
                    <label for="header_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
                    <label for="header_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
                    <label for="header_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
                    <label for="header_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
                    <label for="header_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
                    <label for="header_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
                    <label for="header_bg_8"></label>
                  </span>
                                </li>
                                <li class="drop-title"><p>侧边栏</p></li>
                                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
                    <label for="sidebar_bg_1"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
                    <label for="sidebar_bg_2"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
                    <label for="sidebar_bg_3"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
                    <label for="sidebar_bg_4"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
                    <label for="sidebar_bg_5"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
                    <label for="sidebar_bg_6"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
                    <label for="sidebar_bg_7"></label>
                  </span>
                                    <span>
                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
                    <label for="sidebar_bg_8"></label>
                  </span>
                                </li>
                            </ul>
                        </li>
                        <!--切换主题配色-->
                    </ul>

                </div>
            </nav>

        </header>
        <!--End 头部信息-->

        <!--页面主要内容-->
        <main class="lyear-layout-content">

            <div class="container-fluid">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-toolbar clearfix">
                                <form class="pull-right search-bar" method="get" action="#!" role="form">
                                    <div class="input-group">
                                        <input type="text" class="form-control" value="" id="keyword"
                                               placeholder="请输入店铺号">

                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                                    onclick="selectOneById()" data-target="#myModal">搜索
                                            </button>

                                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-hidden="true">&times;
                                                            </button>
                                                            <h4 class="modal-title" id="myModalLabel">店铺历史收入记录</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <table class="table table-bordered" id="modelTable"></table>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default"
                                                                    data-dismiss="modal">关闭
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="toolbar-btn-action">
                                    <a class="btn btn-warning m-r-5"
                                       th:onclick="replay()"><span
                                            class="mdi mdi-replay"></span>刷新</a>
                                </div>
                            </div>
                            <div class="card-body">

                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th colspan="12" style="text-align: center" th:if="${ident eq '1'}">
                                                本月店铺收入表
                                            </th>
                                            <th colspan="12" style="text-align: center" th:if="${ident eq '2'}">
                                                本月仓库部人员薪资表
                                            </th>
                                            <th colspan="12" style="text-align: center" th:if="${ident eq '3'}">
                                                本月售后部人员薪资表
                                            </th>
                                        </tr>
                                        <tr>
                                            <th style="text-align: center">序号</th>
                                            <th style="text-align: center">店主名</th>
                                            <th style="text-align: center">性别</th>
                                            <th style="text-align: center">店铺号</th>
                                            <th style="text-align: center">收入</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="one:${pageInfo.list}">
                                            <td style="text-align: center" th:text="${pageInfo.pageSize * (pageInfo.pageNum - 1) + oneStat.count}"></td>
                                            <td style="text-align: center" th:text="${one.empName}"></td>
                                            <td style="text-align: center" th:text="${one.gender}"></td>
                                            <td style="text-align: center" th:text="${one.employeeId}"></td>
                                            <td style="text-align: center" th:text="${one.salary}"></td>
                                        </tr>

                                        <tr>
                                            <td colspan="12" align="center">
                                                <p>当前第 <span th:text="${pageInfo.pageNum}">1</span> 页,总 <span
                                                        th:text="${pageInfo.pages}">3</span> 页,共 <span
                                                        th:text="${pageInfo.total}">30</span> 条记录</p>
                                                <div class="disabled">
                                                    <a th:href="@{/empSalary/showNowAllSalary(identificationCode=${ident})}">首页</a>
                                                    <a th:href="@{/empSalary/showNowAllSalary(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1,identificationCode=${ident})}">上一页</a>
                                                    <a th:href="@{/empSalary/showNowAllSalary(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages},identificationCode=${ident})}">下一页</a>
                                                    <a th:href="@{/empSalary/showNowAllSalary(pageNum=${pageInfo.pages},identificationCode=${ident})}">尾页</a>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </main>
        <!--End 页面主要内容-->
    </div>
</div>

<script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/js/perfect-scrollbar.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main.min.js}"></script>

<script th:inline="javascript">

    //结算薪资
    function checkMoney(id) {
        if (confirm("请确认结算操作")) {
            var employeeId = id;
            var ident = [[${ident}]]
            $.ajax({
                url: [[@{/empSalary/checkNowMoney}]],
                type: "post",
                data: {
                    "employeeId": id,
                    "ident": ident
                },
                success: function (data) {
                    if (data == 200) {
                        alert("结算成功")
                    }else if (data == 450){
                        alert("请勿重复结算")
                    } else {
                        alert("结算失败")
                    }
                }
            })
        }
    }

    //刷新
    function replay() {
        location.reload();
    }

    //通过Id查询个人（模态框）
    function selectOneById() {
        var employeeId = $("#keyword").val();
        $.ajax({
            url: [[@{/empSalary/showLastOneSalary}]],
            type: "post",
            dataType: "json",
            data: {
            "employeeId":employeeId
        },
        success: function (data) {
            var json = eval(data);
            console.log(json);
            var con = "<thead><tr><th><h6>姓名</h6></th><th><h6>店铺号</h6></th><th><h6>分类</h6></th><th><h6>收入</h6></th><th><h6>时间</h6></th></tr></thead>";
            if (json.length == 0)
                con += "<tr><td colspan='12' style='text-align: center'><h6>暂无数据哦</h6></td></tr>";
            $.each(json, function (index, item) {
                var name = json[index].empName;
                var employeeId = json[index].employeeId;
                var post = json[index].post;
                var sumMoney = json[index].sumMoney;
                var time = json[index].times;
                con += "<tr><td><h6>" + name + "</h6></td><td><h6>" + employeeId + "</h6></td><td><h6>" + post + "</h6></td><td><h6>" + sumMoney + "</h6></td><td><h6>" + time + "</h6></td></tr>"
            });
            $("#modelTable").html(con)
        }
    })
    }

    //全选
    $(function () {
        $('.search-bar .dropdown-menu a').click(function () {
            var field = $(this).data('field') || '';
            $('#search-field').val(field);
            $('#search-btn').html($(this).text() + ' <span class="caret"></span>');
        });
    });
</script>
</body>
</html>
